<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<!--
 _  __     _       _         _              _                           _                        _              _                ____   ___  _  ___   _ _   _  ___
| |/ /__ _| |_   _(_)_ __   | |_ ___   ___ | |___  __      ____ _ ___  | | __ _ _   _ _ __   ___| |__   ___  __| |   ___  _ __   |___ \ / _ \/ |( _ ) / / | / |/ _ \
| ' // _` | \ \ / / | '_ \  | __/ _ \ / _ \| / __| \ \ /\ / / _` / __| | |/ _` | | | | '_ \ / __| '_ \ / _ \/ _` |  / _ \| '_ \    __) | | | | |/ _ \ | | | | | (_) |
| . \ (_| | |\ V /| | | | | | || (_) | (_) | \__ \  \ V  V / (_| \__ \ | | (_| | |_| | | | | (__| | | |  __/ (_| | | (_) | | | |  / __/| |_| | | (_) || | |_| |\__, |
|_|\_\__,_|_| \_/ |_|_| |_|  \__\___/ \___/|_|___/   \_/\_/ \__,_|___/ |_|\__,_|\__,_|_| |_|\___|_| |_|\___|\__,_|  \___/|_| |_| |_____|\___/|_|\___(_)_|_(_)_|  /_/


..................'^:li<+__-???-_~iI"'............
...............`,l><~+++___--???][[}[?<I`.........
............'"Ii><<<~~~++___--???]][}}} }]<:.......
...........^Iiii>>><<~~+++__-__-?]][[}}}}}}_:.....
.........':l!!!ii>>><<~~+++__/U(-?]][}}}}}}}}>`...
........`;Ill!!!ii>~i<~~+++_+w%#x-]][[}}}}}}}}-^..
.......`;IIIll!!i!vhz~<~+++_+C&W#/?][[}}}}}}}}}?^.
......':;IIll!!!i!O88Q~~+++_+(#W&m?][[}}}}}}}}}}_'
..    "IIIlll!!ii!xW#&n<+++__+uW&*{][}}}}}}}}}}}}l
 `<?]-+IIl!!!!ii>>~q#*p_++___-_xkm[][}}}}}}}}}}}}-
+xxt/rYU]l!iii>>>>>[dWa]++__--?-][][[}}}[][}}}}}}[
c}][[]]tm/!>>>>>><<>?vx+___--???]][[}}]YLn)[}}}}}}
x[}}}}}]1q(i>><<<<~~~<~___--???]]][}}[{hx)1[}}}}}]
~(}}}}}}]/m~<<<~~<<++____--???]]][[}]}mb}[[}}}}}}>
.:]{}][[[]CX><~++xX?~+_--????]]][[]]|p*/]}}}}}}}]^
...^}n\\)]{mC?<~tnxZz)-__--????]]}/QMb\]}}}}}}}};.
. ^(Yn/fcz)]zwx-+++}zqqLvf\||/jcQkMkv}]}}}}}}}}l..
 Icj[?]]?tm\}1UOx?-?_]\zOdkaaaakwYt}][}}}}}}}?:...
:v1-???-{vj/Jr-(Oq)?]]???[{)()1}]]][}}}}}}}[>^....
(|____+}(?~+?O{_?zb)][[[[}[[[[[[}}}}}}}}}]<"......
/1~+~<<<><<~]Juj]_UJ]}}}}}}}}}}}}}}}}}]+l^........
lr_>>>iiii>+[~~n0_rX<?]}}}}}}}}}[]?+i;^...........
 :)1<lllll!i>~]/zXQl '^":;IllI;:"^'...............
...![]>;;Il!>++~>vc ..............................
... ."i++i!i>><+tz;...............................

-->

<head>
    <meta charset="UTF-8">
    <meta name="msvalidate.01" content="601BD2B6EA268E4B6155C7E954A36EF5" />
    <meta name="baidu-site-verification" content="zK3a4AccqC"/>
    <!-- 百度联盟 -->
    <meta name="baidu_union_verify" content="19e71aa13329cfa8079a282bf805aaeb">
    <meta name="google-site-verification" content="DrNJU0ZW_3hlGWT4UpVrRo-lmYS3HJnQ7g4kP8JsBG0"/>
    <meta name="sogou_site_verification" content="uBGleQOwkf"/>
    <meta name="360-site-verification" content="ee68f3f27c8b527ddac62c8975e9dbe1" />
    <!-- 神马 -->
    <meta name="shenma-site-verification" content="64b04a52af61dcac310a481cabbcb20f_1568194623">
    <!-- 今日头条 -->
    <meta name="bytedance-verification-code" content="ZsMhXdThNEuQffEWkmNP" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5,user-scalable=no">
    <title>Kalvin在线工具 - 有趣及实用的工具箱</title>
    <meta name="keywords" content="在线工具,图片处理,开发人员工具,文档处理,游戏在线">
<!--    <meta name="description" content="在线工具、照片变卡通/素描/黑白、ASCII图片在线生成、GIF动态图片在线制作、GIF字符动画在线制作、ASCII艺术字在线生成、在线网站/接口压力测试、JSON格式化、代码格式化、二维码生成、在线颜色选择器、IP信息查询、markdown编辑器、字符统计">-->
    <meta name="description" content="Kalvin在线工具旨在为大家提供便利、实用及有趣好玩的工具集合，如：证件照换底色、图片转卡通/素描/黑白图、人像动漫化、ASCII艺术字生成、压力测试、文章生成器、营销号生成器等工具。">
    <meta name="Author" content="Kalvin">
    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon"/>
<!--    <link rel="stylesheet" th:href="@{/static/css/font-awesome.min.css}">-->
    <static>
        <link rel="stylesheet" href="/static/plugin/bootstrap5/css/bootstrap.min.css">
        <link rel="stylesheet" href="/static/plugin/bootstrap5/css/bootstrap-icons.css">
        <link rel="stylesheet" href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" href="/static/css/ktools.min.css?v=20240306">
        <link rel="stylesheet" href="/static/css/kt-emoji.css?v=20231004">
        <link rel="stylesheet" href="/static/css/gitment.css">
        <link rel="stylesheet" href="/static/css/jquery.smarticker.css">
        <link rel="stylesheet" href="/static/css/simple-pop.css">
    </static>
    <style>
        .hot .badge {
            cursor: pointer
        }
        .hot .badge a {
            color: #ffffff;
        }
        .friend-a {
            color: #0288bb;
            font-size: 14px;
        }
    </style>
</head>

<body class="kt-bg">

    <div >
        <!--最顶部bar-->
        <div id="topBar">
            <ul class="nav float-start">
                <li class="nav-item">
                    <a class="nav-link navbar-brand" title="Kalvin在线工具" href="/" style="padding-top: 2px">
                        <img src="/static/favicon.ico" width="26" height="26" class="d-inline-block align-top" alt="kt_logo">
                    </a>
                </li>
            </ul>
            <ul class="nav justify-content-end ms-auto">
                <li class="nav-item">
                    <a class="nav-link" href="/vip" style="padding-right: 0"><i class="fa fa-diamond"></i></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link active kt-login-out" href="javascript:void(0)" onclick="ktUtils.showLoginPop()">登录</a>
                </li>
                <!--<li class="nav-item">
                    <a class="nav-link" href="#">注册</a>
                </li>-->
                <li class="nav-item kt-login-in" style="display: none">
                    <a class="nav-link" href="javascript:void(0);" style="padding-top: 2px;">
                        <img alt="用户头像" id="loginAvatar" class="kt-user-head" style="width: 26px; height: 26px" >
                    </a>
                </li>
                <li class="nav-item dropdown kt-login-in" style="display: none">
                    <a id="loginNickname" class="nav-link dropdown-toggle" href="javascript:void(0);" data-bs-toggle="dropdown" style="max-width: 150px">Lin_辉</a>
                    <ul class="dropdown-menu" style="margin-top: 0; min-width: 20px;">
                        <li>
                            <a class="dropdown-item" href="/homepage">设置</a>
                        </li>
                        <li>
                            <a class="dropdown-item"  href="javascript:signOut()">注销</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="container jumbotron text-center text-white font-weight-bold mb-0" id="headBox">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 text-start" id="ktLogo" style="margin-top: 3px">
                        <a href="/" title="Kalvin在线工具">
                            <img src="/static/image/logo/kt_logo_bar0.png" style="height: 50px;" alt="ktLogo">
                        </a>
                    </div>
                    <div id="searchBox" class="col-sm-6">
                        <div class="kt-search-global">
                            <div id="searchGlobalForm">
                                <input id="searchGlobalWord" type="text" placeholder="工具搜索">
                                <button id="searchGlobalBtn" type="button"><i class="fa fa-search" style="color: white"></i></button>
                            </div>
                            <div class="kt-search-keyword">
<!--                                <span class="badge text-bg-light"><a th:href="@{'/search?word=' + '印章'}" title="印章" target="_blank">印章</a></span>-->
                                <span class="badge text-bg-light"><a href="/search?word=抖音" title="抖音" target="_blank">抖音</a></span>
                                <span class="badge text-bg-light"><a href="/search?word=水印" title="水印" target="_blank">水印</a></span>
                                <span class="badge text-bg-light"><a href="/search?word=证件照" title="证件照" target="_blank">证件照</a></span>
                                <span class="badge text-bg-light"><a href="/search?word=鸡汤" title="鸡汤" target="_blank">鸡汤</a></span>
                            </div>
                        </div>
                    </div>
                    <h1 style="display: none;">Kalvin在线工具</h1>
                </div>
            </div>
        </div>
    </div>

    <div id="topNavTabs" class="container kt-top-navbar">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link " href="/mine">我的</a>
            </li>
            <li class="nav-item">
                <a class="nav-link active" href="/">工具</a>
            </li>
<!--            <li class="nav-item">
                <a th:class="${'nav-link ' + (curl.equals('/vip') ? 'active' : '')}" th:href="@{/vip}">会员</a>
            </li>-->
            <li class="nav-item">
                <a class="nav-link " href="/message">留言</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="/about">关于</a>
            </li>
        </ul>
    </div>

    <div id="topNavScroll" class="container nav-scroller bg-body">
        <nav class="nav" aria-label="Secondary navigation">
            <a class="nav-link active" href="/">所有</a>
            <!--<a class="nav-link" href="#">
                最新
                <span class="badge text-bg-light rounded-pill align-text-bottom">6</span>
            </a>-->
            <a class="nav-link " href="/m/image">图片工具</a><a class="nav-link " href="/m/txt">文字工具</a><a class="nav-link " href="/m/convenience">便民工具</a><a class="nav-link " href="/m/dev">开发工具</a><a class="nav-link " href="/m/fun">趣味工具</a><a class="nav-link " href="/m/media">媒体工具</a><a class="nav-link " href="/m/doc">文档工具</a><a class="nav-link " href="/m/game">游戏箱</a>
        </nav>
    </div>

    <!--<div class="container kt-layout-module mt-0">
        <div class="hot">🔥
            <span class="badge text-bg-danger"><a th:href="@{/txt/bullshitGenerator}" title="文章生成器">文章生成器</a></span>
            <span class="badge" style="background-color: #ff5277"><a th:href="@{/convenience/seal}" title="印章生成器">印章生成器</a></span>
            <span class="badge" style="background-color: #009688"><a th:href="@{/image/wordCloud}" title="词云图在线生成">词云图生成器</a></span>
            <span class="badge" style="background-color: #9b3579"><a th:href="@{/convenience/photoBgChange}" title="证件照换底色">证件照换底色</a></span>
            <span class="badge text-bg-success"><a th:href="@{/txt/rainbowfart}" title="彩虹屁方案生成器">彩虹屁方案生成器</a></span>
            <span class="badge text-bg-dark"><a th:href="@{/image/rmwm}" title="图片去水印">图片去水印</a></span>
            <span class="badge text-bg-primary"><a th:href="@{/txt/chickensoup}" title="毒鸡汤生成器">毒鸡汤生成器</a></span>
        </div>
    </div>-->

    <div class="container kt-first-layout-module" style="background: white">

        <div class="row">
            <div id="toolsBox" class="col-sm-12" style="padding: 0 20px 0 20px">
                <div class="row module" >
                    <div class="col-sm-12 ps-0 pe-0">
                        <h5 class="float-start">
                            <span class="badge ps-1 pe-1" style="background: #00b64f;border-radius: 0;"><i class="fa fa-cubes"></i>最近上线</span>
                        </h5>
                        <hr>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/方.png" alt="tool icon"></div>
                            <a href="/convenience/square_seal" target="_blank">方形章生成器</a>
                        </div>
<!--                        <div class="kt-fc-desc kt-fs13" th:text="${#strings.length(newUpMenu.intro) > 18 ? #strings.substring(newUpMenu.intro, 0, 17) + '...' : newUpMenu.intro}"></div>-->
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">方形章生成器，可自定义配置生成长方形、正文形等方形印章。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="155" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/square_seal" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/HT.png" alt="tool icon"></div>
                            <a href="/dev/html_minify" target="_blank">HTML压缩格式化</a>
                        </div>
<!--                        <div class="kt-fc-desc kt-fs13" th:text="${#strings.length(newUpMenu.intro) > 18 ? #strings.substring(newUpMenu.intro, 0, 17) + '...' : newUpMenu.intro}"></div>-->
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">HTML在线压缩美化工具。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="154" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/html_minify" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/CS.png" alt="tool icon"></div>
                            <a href="/dev/css_minify" target="_blank">CS压缩格式化</a>
                        </div>
<!--                        <div class="kt-fc-desc kt-fs13" th:text="${#strings.length(newUpMenu.intro) > 18 ? #strings.substring(newUpMenu.intro, 0, 17) + '...' : newUpMenu.intro}"></div>-->
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">CS在线压缩美化工具。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="153" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/css_minify" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/JS.png" alt="tool icon"></div>
                            <a href="/dev/js_minify" target="_blank">JS压缩格式化</a>
                        </div>
<!--                        <div class="kt-fc-desc kt-fs13" th:text="${#strings.length(newUpMenu.intro) > 18 ? #strings.substring(newUpMenu.intro, 0, 17) + '...' : newUpMenu.intro}"></div>-->
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">JS在线压缩美化工具。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="152" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/js_minify" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                </div>
                <div class="row module">
                    <div class="col-sm-12 ps-0 pe-0">
                        <h5 class="float-start">
<!--                            <span class="badge bg-primary glyphicon glyphicon-th-large" style="background: #0288bb;border-radius: 0;" th:text="${module.module}">图片相关</span>-->
                            <span class="badge ps-1 pe-1" style="background: #0288bb;border-radius: 0;"><i class="fa fa-cubes"></i><span>图片工具</span></span>
                        </h5>
                        <hr>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/art.png" alt="tool icon"></div>
                            <a href="/image/artPic" target="_blank">逼格图生成</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">一键将任意照片/图片转化为漫画、素描、黑白等风格的在线工具，逼格满满，有艺术风范的照片/图片，带你装逼带你飞。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="2" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/artPic" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/zhuan.png" alt="tool icon"></div>
                            <a href="/image/asciiPic" target="_blank">字符画生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">什么是字符画？字符画是指由多个字母、标点或特殊字符组成构成有形状的图像。字符画生成器可以干什么？字符画生成器可以将一张任意正常的图片一键生成转化为与之相像的字符画，即图片转为字符画图，可以说相当棒的王一个工具哦。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="4" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/asciiPic" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/gif.png" alt="tool icon"></div>
                            <a href="/image/asciiGif" target="_blank">GIF字符动画生成</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">gif字符动画是由字母、标点或特殊字符等字符代替原来的像素点而构成的会动的图片，本工具可以将任意一张gif动图一键转化为字符动画.gif，可为逼格满满。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="6" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/asciiGif" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/cai.png" alt="tool icon"></div>
                            <a href="/image/colorAsciiPic" target="_blank">彩色字符图生成</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">彩色字符画图是由各种字符构成的图像并转化成带有原图片色彩的字符图，此工具可以将任意彩色图片几乎无差地转换成由ASCII字符构成的字符图。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="5" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/colorAsciiPic" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/gif.png" alt="tool icon"></div>
                            <a href="/image/gif" target="_blank">Gif在线制作</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">可以将多张静态图片合成一张gif动态图片；支持自定义配置顺序、gif闪动速度等。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="7" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/gif" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/water.png" alt="tool icon"></div>
                            <a href="/image/watermark" target="_blank">图片加水印</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">图片添加自定义水印文字和水印颜色</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="22" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/watermark" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/cy.png" alt="tool icon"></div>
                            <a href="/image/wordCloud" target="_blank">词云图生成</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">一键生成逼格满满的词云图</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="24" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/wordCloud" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/compress.png" alt="tool icon"></div>
                            <a href="/image/compress" target="_blank">图片压缩</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线压缩图片</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="29" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/compress" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/qudi.png" alt="tool icon"></div>
                            <a href="/image/bgRemover" target="_blank">图片去底色</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">免费在线图片去除底色，变成透明背景图片</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="37" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/bgRemover" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/base64.png" alt="tool icon"></div>
                            <a href="/image/base64Image" target="_blank">base64图片互转</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线base64图片编码互相转换，可在线预览base64编码图片。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="38" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/base64Image" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/I2C.png" alt="tool icon"></div>
                            <a href="/image/convert2ICO" target="_blank">图片转ICO图标</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线将PNG、JPG等格式的图片转换为ICO图标、可作favicon.ico使用。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="40" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/convert2ICO" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/解.png" alt="tool icon"></div>
                            <a href="/image/gif2img" target="_blank">Gif动态图分解</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">免费在线Gif动态图分解、拆分成每一帧静态图片，可在线预览下载每一帧图片，或直接将每一帧静态图片全部打包下载。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="90" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/gif2img" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/pdf.png" alt="tool icon"></div>
                            <a href="/image/img2pdf" target="_blank">图片转PDF</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线图片转换PDF文件工具，支持多张图片合成导出PDF文件。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="136" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/img2pdf" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/去.png" alt="tool icon"></div>
                            <a href="/image/rmwm" target="_blank">图片去水印</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线图片去除水印工具，手动框选水印位置进行水印一键移除、擦除；支持PNG、JPG、JPEG、BMP图片格式。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="138" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/rmwm" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/Gif压.png" alt="tool icon"></div>
                            <a href="/image/gifcompress" target="_blank">Gif压缩</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Gif压缩工具，在不改变Gif尺寸大小的情况下进行压缩，可自定义设置压缩系数（2~256），值越小压缩越后越小，请合理设置压缩系数，以达到最佳效果。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="139" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/gifcompress" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                </div>
                <div class="row module">
                    <div class="col-sm-12 ps-0 pe-0">
                        <h5 class="float-start">
<!--                            <span class="badge bg-primary glyphicon glyphicon-th-large" style="background: #0288bb;border-radius: 0;" th:text="${module.module}">图片相关</span>-->
                            <span class="badge ps-1 pe-1" style="background: #0288bb;border-radius: 0;"><i class="fa fa-cubes"></i><span>文字工具</span></span>
                        </h5>
                        <hr>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/ascii.png" alt="tool icon"></div>
                            <a href="/txt/ascii" target="_blank">ASCII艺术字生成</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">ASCII文字制作、ASCII字形生成</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="8" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/ascii" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/char.png" alt="tool icon"></div>
                            <a href="/txt/charStatistics" target="_blank">字符统计</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线实时分析统计各类字符个数</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="27" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/charStatistics" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/wz.png" alt="tool icon"></div>
                            <a href="/txt/bullshitGenerator" target="_blank">文章生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">生成狗屁不通的文章</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="30" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/bullshitGenerator" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/ys.png" alt="tool icon"></div>
                            <a href="/txt/marketingGenerator" target="_blank">营销号生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线自定义生成营销号文案内容</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="32" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/marketingGenerator" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/zpy.png" alt="tool icon"></div>
                            <a href="/txt/chinese2Pinyin" target="_blank">中文转拼音</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线中文汉字转换拼音工具</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="33" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/chinese2Pinyin" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/fc.png" alt="tool icon"></div>
                            <a href="/txt/wordSlicer" target="_blank">在线中文分词</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线分析中文分词、关键字，并智能切分提取</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="34" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/wordSlicer" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/ocr.png" alt="tool icon"></div>
                            <a href="/txt/ocrOnline" target="_blank">OCR文字识别</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">免费在线图片识别文字、图片提取文字，OCR文字识别工具，识别准确率高，速度快！</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="44" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/ocrOnline" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/zh.png" alt="tool icon"></div>
                            <a href="/txt/zhconvert" target="_blank">在线简繁体转换</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线简繁体转换，你可以将中文简体字转换成繁体字，或将中文繁体字转换成中文简体字。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="83" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/zhconvert" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/抽.png" alt="tool icon"></div>
                            <a href="/txt/abstract" target="_blank">抽象话生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">一键将文字生成抽象话或还原抽象话，可用于微信聊天，朋友圈文案等。抽象话是一种起源于斗鱼6324直播间的新兴网络语言形式。表示用大量的emoji表情或者字符符号来代替文字形式表达含义。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="85" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/abstract" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/毒.png" alt="tool icon"></div>
                            <a href="/txt/chickensoup" target="_blank">毒鸡汤生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">毒鸡汤生成器，一键生成心灵鸡汤语录！</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="86" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/chickensoup" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/渣.png" alt="tool icon"></div>
                            <a href="/txt/slag" target="_blank">渣男语录生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">渣男语录生成器，一键生成渣男泡妞语录，女神撩语可得。你还怕追不到你的女神吗？</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="87" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/slag" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/彩.png" alt="tool icon"></div>
                            <a href="/txt/rainbowfart" target="_blank">彩虹屁文案生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">彩虹屁文案生成器，你可以为她生成一篇专属的彩虹屁文案，里面每个字都甜到让她融化，各种花式吹捧把她夸上天。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="88" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/rainbowfart" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/签.png" alt="tool icon"></div>
                            <a href="/txt/sign" target="_blank">在线手写签名</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">免费在线手写电子签名设计，签名丝滑且带笔锋效果，使其签名效果更高仿逼真。同时你也可以直接选择指定签名字体直接生成签名，后面将陆续上线多种手写字体供选择。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="145" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/txt/sign" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                </div>
                <div class="row module">
                    <div class="col-sm-12 ps-0 pe-0">
                        <h5 class="float-start">
<!--                            <span class="badge bg-primary glyphicon glyphicon-th-large" style="background: #0288bb;border-radius: 0;" th:text="${module.module}">图片相关</span>-->
                            <span class="badge ps-1 pe-1" style="background: #0288bb;border-radius: 0;"><i class="fa fa-cubes"></i><span>便民工具</span></span>
                        </h5>
                        <hr>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/2.png" alt="tool icon"></div>
                            <a href="/convenience/qrCode" target="_blank">二维码生成</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">二维码生成及下载</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="18" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/qrCode" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/ip.png" alt="tool icon"></div>
                            <a href="/convenience/ip" target="_blank">IP查询</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">查询IP/域名信息、如查询归属地、运营商</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="19" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/ip" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/diffc.png" alt="tool icon"></div>
                            <a href="/convenience/selectors" target="_blank">困难选择器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">选择，交给我</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="28" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/selectors" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/rela.png" alt="tool icon"></div>
                            <a href="/convenience/relationship" target="_blank">亲戚关系计算器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">中国亲戚关系计算器在线网页版工具，走亲访友，亲戚作客，妈妈再也不怕我见了亲戚打不上招呼的尴尬了。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="35" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/relationship" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/icon.png" alt="tool icon"></div>
                            <a href="/convenience/icon" target="_blank">简约icon图标生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">免费简约唯美的icon图标（也可当logo图标）、logo图标在线一键生成制作。提供多种图标风格，可自定义icon文字、尺寸、颜色等。支持多种图标图片格式下载，在生成历史栏，也可以鼠标右键-&gt;将图片另存为保存到本地。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="36" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/icon" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/zpfd.png" alt="tool icon"></div>
                            <a href="/convenience/photoBgChange" target="_blank">证件照换底色</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">免费在线证件照片、一寸照片、二寸照片更换底色，默认红、蓝底色更换，也可自定义照片底色。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="41" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/photoBgChange" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/love.png" alt="tool icon"></div>
                            <a href="/convenience/love" target="_blank">表白神器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">一键制作生成表白网页，集合了抖音最近比较火的几个表白模板，把生成的表白页面链接或二维码发送你要表白的对象，对她/他进行爱的告白。简直就是表白神器有木有！</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="84" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/love" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/剪.png" alt="tool icon"></div>
                            <a href="/convenience/photo/cropper" target="_blank">在线照片剪切</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线照片、证件照或普通图片自由剪切裁剪旋转等制作工具。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="89" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/photo/cropper" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/MP.png" alt="tool icon"></div>
                            <a href="/convenience/mp/imgcraw" target="_blank">公众号图片提取</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线公众号图片提取，只需要复制公众号文章URL链接，一键提取文章里面所有的图片。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="94" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/mp/imgcraw" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/seal.png" alt="tool icon"></div>
                            <a href="/convenience/seal" target="_blank">印章生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">印章在线生成器，可自定义配置生成公章或个人私章。支持正圆印章、椭圆印章、方正印章。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="95" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/seal" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/币.png" alt="tool icon"></div>
                            <a href="/convenience/rmbconvert" target="_blank">人民币大小写转换</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">人民币大小写在线转换工具，支持带小数点金额转换；一般用于账务、发票、支票等场景需要填写人民币大写金额。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="98" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/rmbconvert" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/phone.png" alt="tool icon"></div>
                            <a href="/convenience/phonenumber" target="_blank">手机号归属地查询</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线查询手机号归属地信息，以及手机号所属运营商信息。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="102" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/phonenumber" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/gai.png" alt="tool icon"></div>
                            <a href="/convenience/stamp" target="_blank">在线盖章</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线盖章工具，提供图片、PDF文件在线盖章功能，可上传自定义电子印章进行手动拖拉到指定位置进行盖章操作。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="109" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/stamp" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/友.png" alt="tool icon"></div>
                            <a href="/convenience/website" target="_blank">友情链接交换</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线免费友情链交换及收录，真心为各大站长尤其新站长打造的一个简单直接的友情链接交换、发布平台工具。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="143" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/website" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/grid_cut.png" alt="tool icon"></div>
                            <a href="/convenience/grid_cut" target="_blank">九宫格切图</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线九宫格一键切图工具，可自由上传图片，并且可对图片进行自由拖拽、放大，设置切割图片质量或形状，以及选择九宫格或四宫格进行图片切割。可用于各大社交平台的图片分享，如：微信朋友圈、QQ、微博等。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="147" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/grid_cut" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/方.png" alt="tool icon"></div>
                            <a href="/convenience/square_seal" target="_blank">方形章生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">方形章生成器，可自定义配置生成长方形、正文形等方形印章。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="155" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/convenience/square_seal" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                </div>
                <div class="row module">
                    <div class="col-sm-12 ps-0 pe-0">
                        <h5 class="float-start">
<!--                            <span class="badge bg-primary glyphicon glyphicon-th-large" style="background: #0288bb;border-radius: 0;" th:text="${module.module}">图片相关</span>-->
                            <span class="badge ps-1 pe-1" style="background: #0288bb;border-radius: 0;"><i class="fa fa-cubes"></i><span>开发工具</span></span>
                        </h5>
                        <hr>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/ya.png" alt="tool icon"></div>
                            <a href="/dev/stress/testing" target="_blank">压力测试</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">压力测试、网站性能测试、API压测</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="16" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/stress/testing" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/json.png" alt="tool icon"></div>
                            <a href="/dev/json/format" target="_blank">JSON格式化</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">JSON格式化、校验工具</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="17" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/json/format" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/linux.png" alt="tool icon"></div>
                            <a href="/dev/linux/cmd" target="_blank">linux常用命令字典</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">集合开发者常用linux命令，提供快速搜索</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="20" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/linux/cmd" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/yuan.png" alt="tool icon"></div>
                            <a href="/dev/colorPicker" target="_blank">颜色选择器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">颜色选择器、网站颜色代码选择、拾色器</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="21" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/colorPicker" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/md.png" alt="tool icon"></div>
                            <a href="/dev/markdown" target="_blank">markdown编辑器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">markdown在线编辑器</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="25" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/markdown" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/jhc.png" alt="tool icon"></div>
                            <a href="/dev/jsHtmlCss/format" target="_blank">JS/HTML/CSS格式化</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13"> JS/HTML/CSS代码一键格式化、美化</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="26" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/jsHtmlCss/format" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/swagger.png" alt="tool icon"></div>
                            <a href="/dev/swagger2word" target="_blank">swagger转word文档</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线将swagger接口文档转成word文档，支持通过swagger接口文档url转word文档，支持上传swagger接口文档JSON文件转word文档，支持swagger接口文档JSON字符串转word文档。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="39" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/swagger2word" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/xie.png" alt="tool icon"></div>
                            <a href="/dev/stringescape" target="_blank">在线JSON字符去反斜杠</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线去掉JSON字符双引号的反斜杠，或者为JSON字符串里面的双引号进行转义添加反斜杠。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="82" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/stringescape" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/RD.png" alt="tool icon"></div>
                            <a href="/dev/randomdata" target="_blank">随机数据生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线随机数据生成器，支持各种常见数据批量生成，一般用于开发及测试阶段的数据填充、模拟、仿真研究等场景；部分数据生成也适用于广大网友，如非姓名生成器、主流QQ网名生成、中英文昵称生成等</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="96" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/randomdata" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/DB.png" alt="tool icon"></div>
                            <a href="/dev/mockdata" target="_blank">SQL/JSON/CSV数据生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线数据生成器工具，可一键快速生成批量高仿真模拟测试数据，直接生成数据库表insert语句、JSON数据及CSV数据。适用于开发者或测试为数据库表批量造数据的场景，也可为前端人员生成Mock数据等。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="97" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/mockdata" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/CR.png" alt="tool icon"></div>
                            <a href="/dev/cron" target="_blank">Cron表达式生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Cron表达式生成器，介绍Cron表达式的结构及使用，并且列举了一些常用Cron表达式等。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="103" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/cron" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/JS.png" alt="tool icon"></div>
                            <a href="/dev/js_minify" target="_blank">JS压缩格式化</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">JS在线压缩美化工具。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="152" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/js_minify" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/CS.png" alt="tool icon"></div>
                            <a href="/dev/css_minify" target="_blank">CS压缩格式化</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">CS在线压缩美化工具。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="153" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/css_minify" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/HT.png" alt="tool icon"></div>
                            <a href="/dev/html_minify" target="_blank">HTML压缩格式化</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">HTML在线压缩美化工具。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="154" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/dev/html_minify" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                </div>
                <div class="row module">
                    <div class="col-sm-12 ps-0 pe-0">
                        <h5 class="float-start">
<!--                            <span class="badge bg-primary glyphicon glyphicon-th-large" style="background: #0288bb;border-radius: 0;" th:text="${module.module}">图片相关</span>-->
                            <span class="badge ps-1 pe-1" style="background: #0288bb;border-radius: 0;"><i class="fa fa-cubes"></i><span>趣味工具</span></span>
                        </h5>
                        <hr>
                    </div>
                    
                    
                    
                    
                    
                    
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/漫.png" alt="tool icon"></div>
                            <a href="/fun/anime/convert" target="_blank">人像动漫化</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线人像、照片转化成二次元动漫风格图片工具。可以选择普通二次元动漫风格及戴口罩的二次元动漫风格照片转化，并提供8种口罩类别供选择。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="45" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/fun/anime/convert" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/FM.png" alt="tool icon"></div>
                            <a href="/fun/facefuse" target="_blank">人脸合成</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线人脸合成、两张人脸融合一起，同时具备两张人脸的外貌特征，并非换脸。可制作有趣表情，用于社交等。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="47" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/fun/facefuse" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/FE.png" alt="tool icon"></div>
                            <a href="/fun/faceProperty/change" target="_blank">人脸编辑</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线人脸属性编辑，对人脸进行一键变老人、变小孩，以及实现异性互换。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="48" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/fun/faceProperty/change" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/Em.png" alt="tool icon"></div>
                            <a href="/fun/emojiMosaic/index" target="_blank">Emoji表情拼图</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">将照片以数个不同Emoji表情重新填充并拼成一个表情马赛克照片。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="66" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/fun/emojiMosaic/index" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/rain.png" alt="tool icon"></div>
                            <a href="/image/gifraincode/index" target="_blank">数字雨头像生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线制作生成类似黑客酷炫的数字雨头像GIF。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="81" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/image/gifraincode/index" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/球.png" alt="tool icon"></div>
                            <a href="/fun/waterball" target="_blank">液态星球生成器</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">点击鼠标可快速生成随机新的酷炫星球，拖动鼠标可变换星球视觉。拖动时可感受星球的柔软Q弹的感觉，可用于平时解压、放松心情以及摸鱼。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="93" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/fun/waterball" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/画.png" alt="tool icon"></div>
                            <a href="/fun/txtimg" target="_blank">文字图片生成</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">文字图是一种由文字替代图片像素点绘制出来的图片。本工具可一键在线生成文字图，自定义指定绘制图的文字，比如使用一个人的名字，绘制及生成他/她的自画像，也可以使用其它文字生成其它文字图等。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="146" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/fun/txtimg" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                </div>
                <div class="row module">
                    <div class="col-sm-12 ps-0 pe-0">
                        <h5 class="float-start">
<!--                            <span class="badge bg-primary glyphicon glyphicon-th-large" style="background: #0288bb;border-radius: 0;" th:text="${module.module}">图片相关</span>-->
                            <span class="badge ps-1 pe-1" style="background: #0288bb;border-radius: 0;"><i class="fa fa-cubes"></i><span>媒体工具</span></span>
                        </h5>
                        <hr>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/视.png" alt="tool icon"></div>
                            <a href="/media/video/download" target="_blank">视频解析下载</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线解析下载各大平台视频链接，目前支持B站、爆米花网、凤凰视频、腾讯视频、搜狐视频、央视网、西瓜视频平台。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="100" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/media/video/download" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/音.png" alt="tool icon"></div>
                            <a href="/media/audio/download" target="_blank">音频解析下载</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线解析下载各平台音频/音乐，目前支持网易云音乐。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="101" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/media/audio/download" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/record.png" alt="tool icon"></div>
                            <a href="/media/screen_record" target="_blank">在线屏幕录制</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线屏幕录制工具，无需要安装任何插件，打开即用。支持录制指定屏幕或指定浏览器窗口。非常适用于平时录制的小需求。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="104" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/media/screen_record" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/cam.png" alt="tool icon"></div>
                            <a href="/media/webcam" target="_blank">在线视频录制</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线视频录制工具，无需要安装任何插件，打开即用。适用于平时视频录制的小需求，或电脑摄像头调用测试。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="105" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/media/webcam" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/convert.png" alt="tool icon"></div>
                            <a href="/media/video_convert" target="_blank">视频格式转换</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线视频格式转换，支持主流视频格式互转，如：MP4、FLV、AVI、ASF、MOV、WMV、MKV、F4V、VOB、OGV。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="106" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/media/video_convert" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/vG.png" alt="tool icon"></div>
                            <a href="/media/video2gif" target="_blank">视频转Gif</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线视频转Gif动图工具，支持各主流视频格式一键转换成Gif动图。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="107" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/media/video2gif" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/nowater.png" alt="tool icon"></div>
                            <a href="/media/video_rmwatermark" target="_blank">视频去水印</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线视频去除水印工具，可手动选择水印位置进行水印移除、擦除；支持目前主流视频格式，包括B站视频、抖音视频等水印的去除。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="108" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/media/video_rmwatermark" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/抖音.png" alt="tool icon"></div>
                            <a href="/media/douyin_video" target="_blank">抖音无水印视频解析</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线解析抖音/头条/快手/小红书等短视频信息，通过短视频分享链接一键解析无水印视频链接（可直接使用浏览器进行预览播放及下载），以及视频简介、封面、标签，UP主等信息。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="137" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/media/douyin_video" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                </div>
                <div class="row module">
                    <div class="col-sm-12 ps-0 pe-0">
                        <h5 class="float-start">
<!--                            <span class="badge bg-primary glyphicon glyphicon-th-large" style="background: #0288bb;border-radius: 0;" th:text="${module.module}">图片相关</span>-->
                            <span class="badge ps-1 pe-1" style="background: #0288bb;border-radius: 0;"><i class="fa fa-cubes"></i><span>文档工具</span></span>
                        </h5>
                        <hr>
                    </div>
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/WP.png" alt="tool icon"></div>
                            <a href="/doc/word2pdf" target="_blank">Word转PDF</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Word文档转换PDF工具，支持多种文档格式转PDF；如：.DOCX,.DOC,.DOT,.DOCM,.DOTX,.DOTM,.RTF,.ODT。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="111" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/word2pdf" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/WI.png" alt="tool icon"></div>
                            <a href="/doc/word2img" target="_blank">Word转图片</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Word文档转换图片工具，支持多种文档格式转PDF；如：.DOCX,.DOC,.DOT,.DOCM,.DOTX,.DOTM,.RTF,.ODT。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="112" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/word2img" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/WH.png" alt="tool icon"></div>
                            <a href="/doc/word2html" target="_blank">Word转HTML</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Word文档转换HTML工具，支持多种文档格式转HTML；如：.DOCX,.DOC,.DOT,.DOCM,.DOTX,.DOTM,.RTF,.ODT。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="113" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/word2html" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/WT.png" alt="tool icon"></div>
                            <a href="/doc/word2text" target="_blank">Word转文本</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Word文档转换TXT文本工具，支持多种文档格式转TXT；如：.DOCX,.DOC,.DOT,.DOCM,.DOTX,.DOTM,.RTF,.ODT。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="114" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/word2text" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/TW.png" alt="tool icon"></div>
                            <a href="/doc/text2word" target="_blank">文本转Word</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线文本TXT转Word文档工具，支持转换.DOCX,.DOC,.DOCM文档格式。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="115" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/text2word" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/WM.png" alt="tool icon"></div>
                            <a href="/doc/word2markdown" target="_blank">Word转Markdown</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Word文档转换Markdown工具，支持多种文档格式转Markdown；如：.DOCX,.DOC,.DOT,.DOCM,.DOTX,.DOTM,.RTF,.ODT。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="116" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/word2markdown" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/WD.png" alt="tool icon"></div>
                            <a href="/doc/word_convert" target="_blank">文档格式转换</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Word文档转换、互转工具，支持多种文档格式相互转换；如：.DOCX,.DOC,.DOT,.DOCM,.DOTX,.DOTM,.RTF,.ODT,.OTT,.XPS,.EPUB,.PCL,.PS。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="117" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/word_convert" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/HW.png" alt="tool icon"></div>
                            <a href="/doc/html2word" target="_blank">HTML转Word</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线HTML转Word文档工具，支持转换.DOCX,.DOC,.DOCM文档格式。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="118" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/html2word" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/EW.png" alt="tool icon"></div>
                            <a href="/doc/word_encrypt" target="_blank">Word文档加密</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Word文档加密、加锁，可设置文档的保护类型，只允许文档只读、添加修订、修改注释等，来全面保护你的Word文档安全性；支持多种文档格式加密上锁；如：.DOCX,.DOC,.DOT,.DOCM,.DOTX,.DOTM,.RTF,.ODT。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="119" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/word_encrypt" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/DW.png" alt="tool icon"></div>
                            <a href="/doc/word_decrypt" target="_blank">Word文档解密</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Word文档解密、解锁，对已进行加密保护的Word文档进行解除保护，支持多种文档格式解密解锁；如：.DOCX,.DOC,.DOT,.DOCM,.DOTX,.DOTM,.RTF,.ODT。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="120" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/word_decrypt" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/Ex.png" alt="tool icon"></div>
                            <a href="/doc/excel_convert" target="_blank">Excel格式转换</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Excel文档格式转换、互转工具，支持多种Excel文档格式相互转换；如：.XLSX,.XLS,.XLSM,.XLSB,.XLAM,.TSV,.TIFF,.SXC,.SVG,.ODS,.NUMBERS,.FODS,.XML,.DIF.</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="121" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/excel_convert" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/EP.png" alt="tool icon"></div>
                            <a href="/doc/excel2pdf" target="_blank">Excel转PDF</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Excel文档转换PDF文件工具，支持多种文档格式转PDF；如：.XLSX,.XLS,.XLSM,.XLSB,.XLAM.</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="122" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/excel2pdf" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/ET.png" alt="tool icon"></div>
                            <a href="/doc/excel2text" target="_blank">Excel转文本</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Excel文档转换TXT文本工具，支持多种Excel文档格式转TXT文本；如：.XLSX,.XLS,.XLSM,.XLSB,.XLAM.</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="123" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/excel2text" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/EE.png" alt="tool icon"></div>
                            <a href="/doc/excel_encrypt" target="_blank">Excel文档加密</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Excel文档加密、加锁，为Excel设置锁密码，查看Excel需要进行密码验证才能查看，进而保护你的Excel文档安全性。支持多种Excel文档格式加密，如：.XLSX,.XLS,.XLSM,.XLSB,.XLAM.</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="124" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/excel_encrypt" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/ED.png" alt="tool icon"></div>
                            <a href="/doc/excel_decrypt" target="_blank">Excel文档解密</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Excel文档解密、解锁，对已进行加密保护的Excel文档进行密码解除，解除Excel密码需要提供此Excel的加密密码。支持多种Excel文档格式解密，如：.XLSX,.XLS,.XLSM,.XLSB,.XLAM.</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="125" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/excel_decrypt" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/EH.png" alt="tool icon"></div>
                            <a href="/doc/excel2html" target="_blank">Excel转HTML</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Excel文档转换HTML工具，支持多种文档格式转HTML；如：.XLSX,.XLS,.XLSM,.XLSB,.XLAM.</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="126" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/excel2html" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/EMd.png" alt="tool icon"></div>
                            <a href="/doc/excel2markdown" target="_blank">Excel转Markdown</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线Excel文档转换Markdown工具，支持多种Excel文档格式转Markdown；如：.XLSX,.XLS,.XLSM,.XLSB,.XLAM.</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="127" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/excel2markdown" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/PW.png" alt="tool icon"></div>
                            <a href="/doc/pdf2word" target="_blank">PDF转Word</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线PDF转Word文档工具，支持转换.DOCX,.DOC文档格式。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="128" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/pdf2word" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/PEx.png" alt="tool icon"></div>
                            <a href="/doc/pdf2excel" target="_blank">PDF转Excel</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线文本PDF转Excel文档工具，支持转换.XLSX,.XLS,.XLSM,.CSV,.ODS等Excel文档格式。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="129" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/pdf2excel" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/PP.png" alt="tool icon"></div>
                            <a href="/doc/pdf2pptx" target="_blank">PDF转PPTX</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线PDF文件转换PPTX工具，一键将PDF文件导出PPTX格式。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="130" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/pdf2pptx" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/PT.png" alt="tool icon"></div>
                            <a href="/doc/pdf2text" target="_blank">PDF转文本</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线PDF文档转换TXT文本工具，快速准确，内容格式标准优美。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="131" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/pdf2text" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/PE.png" alt="tool icon"></div>
                            <a href="/doc/pdf_encrypt" target="_blank">PDF文档加密</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线PDF文档加密、加锁，为PDF设置锁密码，查看PDF需要进行密码验证才能查看，进而保护你的PDF文档安全性。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="132" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/pdf_encrypt" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/PD.png" alt="tool icon"></div>
                            <a href="/doc/pdf_decrypt" target="_blank">PDF文档解密</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线PDF文档解密、解锁，对已进行加密保护的PDF文档进行密码解除，解除PDF密码需要提供此PDF的加密密码。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="133" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/pdf_decrypt" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/PH.png" alt="tool icon"></div>
                            <a href="/doc/pdf2html" target="_blank">PDF转HTML</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线PDF文档转换HTML网页工具，一键将PDF文件转换成网页HTML代码。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="134" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/pdf2html" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/PI.png" alt="tool icon"></div>
                            <a href="/doc/pdf2img" target="_blank">PDF转图片</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线PDF转换图片工具，支持将整个PDF文件导出一个完整图片。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="135" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/pdf2img" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/Eme.png" alt="tool icon"></div>
                            <a href="/doc/excel_merge" target="_blank">Excel文件合并</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">在线批量合并Excel文件，支持CSV文件、XLSX/XLS文件一键将数据合并为一个文件。</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="144" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/doc/excel_merge" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                </div>
                <div class="row module">
                    <div class="col-sm-12 ps-0 pe-0">
                        <h5 class="float-start">
<!--                            <span class="badge bg-primary glyphicon glyphicon-th-large" style="background: #0288bb;border-radius: 0;" th:text="${module.module}">图片相关</span>-->
                            <span class="badge ps-1 pe-1" style="background: #0288bb;border-radius: 0;"><i class="fa fa-cubes"></i><span>游戏箱</span></span>
                        </h5>
                        <hr>
                    </div>
                    
                    
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/20.png" alt="tool icon"></div>
                            <a href="/game/2048" target="_blank">2048益智小游戏</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">2048小游戏（益智游戏、策略游戏）</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="43" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/game/2048" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/蛇.png" alt="tool icon"></div>
                            <a href="/game/snake" target="_blank">贪吃蛇</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">贪吃蛇是一款休闲娱乐解压小游戏，玩法简单并具有一定的挑战性，提供简单、困难、变态三个难度级别可选，可与其它玩家一起打榜，皇城PK哦！--由chatgpt编写</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="140" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/game/snake" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                    <div class="kt-tl-box kt-border float-start kt-box-shadow">
                        <div>
                            <div><img src="/static/image/icon/鸟.png" alt="tool icon"></div>
                            <a href="/game/pipebird" target="_blank">管道小鸟</a>
                        </div>
                        <div class="kt-tl-box-desc kt-fc-desc kt-fs13">管道小鸟是一款休闲解压小游戏，操作极其简单，在游戏开始后，只需间歇的点击屏幕或按键盘空格键，不要让小鸟掉下来，并避开途中的管道障碍即可；可与其它玩家一起打榜，皇城PK哦！</div>
                        <div>
                            <div title="还未有网友使用过~~"><i class="fa fa-eye"></i><span data-id="142" style="font-family: unset;margin-left: 4px;">0</span></div>
                            <div><a href="/game/pipebird" class="kt-text-decoration" target="_blank">马上使用&nbsp;<i class="fa fa-chevron-right"></i></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container kt-ctx-bg mt-3 pt-3">
        <h4 class="kt-fs16 kt-fc-title">网站简介</h4>
        <hr>
        <blockquote class="blockquote">
<!--            <p class="kt-fs13 kt-fc-desc" style="margin-bottom: 15px;">网站旨在集成更多有趣及实用方便的在线工具；如艺术图片生成、生成字符画、ASCII艺术字生成、颜色选择器、IP归属地查询、词云图生成、markdown在线编辑器、在线压力测试、JSON/代码格式化、字符统计等在线工具。工具在不断完善中。如您有宝贵的意见或建议，请<a href="mailto:1481397688@qq.com" title="您的宝贵意见是我前进的动力">点击这里</a>可告知我哟~~！</p>-->
            <p class="kt-fs13 kt-fc-desc" style="margin-bottom: 15px;">网站旨在为大家提供便利、实用及有趣好玩的工具，如：证件照换底色、图片转卡通/素描/黑白图、人像动漫化、ASCII艺术字生成、字符统计、压力测试、文章生成器、营销号生成器等工具。工具还在不断完善中，如您有宝贵的意见或建议，可在留言板告知我哟~~！</p>
        </blockquote>
    </div>

    <div class="container kt-ctx-bg mt-3 pt-3 pb-3">
        <h4 class="kt-fs16 kt-fc-title">🙂友情链接</h4>
        <hr>
        <a href="javascript:void(0);" onclick="addLink()">
            <i class="fa fa-plus kt-fs16"></i>
        </a>
        <br>
        <a class="friend-a" href="http://kvfadmin.kalvinbg.cn" target="_blank" title="kvf-admin">快速开发架手架</a>
<!--        | <a href="http://www.yuantk.com/" target="_blank" title=".NET开发者博客">.NET开发者博客</a>-->
<!--        | <a href="https://didi.seowhy.com" target="_blank" title="搜外友链">搜外友链</a>-->
    </div>

    <div class="jumbotron text-center kt-bg" style="margin-bottom:0; padding:10px 0 20px 0;">
        <div class="container">
            <footer class="py-3 my-4">
                <ul class="nav justify-content-center border-bottom pb-3 mb-3">
                    <li class="nav-item"><a href="/" class="nav-link px-2 text-muted" title="返回首页">首页</a></li>
                    <li class="nav-item"><a href="/message" class="nav-link px-2 text-muted" title="留言反馈">留言</a></li>
                    <li class="nav-item"><a href="/about" class="nav-link px-2 text-muted" title="关于Kalvin在线工具">关于</a></li>
                    <li class="nav-item">
                        <a href="http://wpa.qq.com/msgrd?v=3&uin=1481397688&site=qq&menu=yes" target="_blank" class="nav-link px-2 text-muted" title="Q我">
                            <i class="fa fa-qq kt-main-text-color"></i>
                        </a>
                    </li>
                </ul>
                <p class="text-center text-muted">Copyright © Kalvin在线工具 <a class="kt-fc-desc" href="http://beian.miit.gov.cn" target="_blank">粤ICP备18152502号</a></p>
            </footer>
        </div>

        <div id="miniPop" class="kt-right-pop">
            <img style="width: 144px" src="/static/image/minicode.jpg" alt="Kalvin在线工具小程序码">
            <div class="kt-fc-desc">
                打开微信扫一扫，体验小程序版本
            </div>
        </div>
        <div id="wxPop" class="kt-right-pop">
            <img style="width: 144px" src="/static/image/wx_gzh.jpg" alt="Kalvin站长那点事公众号">
            <div class="kt-fc-desc">
                微信扫一扫，关注公众号：Kalvin站长那点事
            </div>
        </div>
        <div class="kt-fixed-bar">
            <a href="javascript:void(0)" data-type="mini" class="kt-mini-bar">
                <i class="fa fa-qrcode"></i>
            </a>
            <a href="javascript:void(0)" data-type="wx" class="kt-wx-bar">
                <i class="fa fa-wechat"></i>
            </a>
            <a href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="left" data-type="give" title="点我赏杯咖啡" class="kt-give-bar">
                <i class="fa fa-gift"></i>
            </a>
            <a href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="left" data-type="qq" title="QQ：1481397688" class="kt-qq-bar">
                <i class="fa fa-qq"></i>
            </a>
            <a href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="left" data-type="top" title="回到顶部" class="kt-top-bar" onclick="goTop()">
                <i class="fa fa-arrow-up"></i>
            </a>
        </div>

        <!--登录弹框-->
        <div id="loginPop" style="width: 100%;height: 100%;text-align: center; display: none" >
            <div class="kt-fc-desc">您未登录，可使用QQ微信一键登录！</div>
            <div class="kt-fc-desc kt-fs13">
                <div style="text-align: center; padding: 46px 0">
                    <a href="/qqlogin" title="QQ一键登录" class="kt-main-text-color" style="font-size: 25px;padding: 5px 0 5px 7px;">
                        <i class="fa fa-qq"></i>
                    </a>
                    <a href="/wxlogin" title="微信扫码登录" class="kt-fs16" style="color: #00bb00;font-size: 25px;padding: 5px">
                        <i class="fa fa-weixin"></i>
                    </a>
                </div>
            </div>
        </div>

        <!--分享弹框-->
        <div id="sharePop" style="width: 100%;height: 100%; display: none; overflow: hidden">
            <div class="row">
                <div class="col-sm-12 mt-1">
                    <textarea id="shareTextContent" class="form-control" rows="3"></textarea>
                </div>
                <div class="col-sm-12 mt-4">
                    <div style="display: flex">
                        <span class="kt-share-copy" style="display: block"><i class="bi bi-back"></i>  复制链接</span>
                        <div class="kt-share-icon-box">
                            <span style="color: #021026" class="kt-share-qq" title="分享QQ"><i class="bi bi-tencent-qq"></i></span>
                            <span style="color: green" class="kt-share-wechat" title="分享微信"><i class="fa fa-wechat"></i></span>
                            <span style="color: #970b0b" class="kt-share-weibo" title="分享微博"><i class="fa fa-weibo"></i></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--移动端底部tags-->
        <div id="appTabs" class="fixed-bottom app-tab-box">
            <nav class="nav nav-pills nav-justified">
                <a class="nav-link active" aria-current="page" href="/">
                    <i class="fa fa-home"></i>
                    <span>首页</span>
                </a>
<!--                <a th:class="${'nav-link ' + (curl.equals('/vip') ? 'active' : '')}" th:href="@{/vip}">
                    <i class="fa fa-vimeo-square"></i>
                    <span>会员</span>
                </a>-->
                <a class="nav-link " href="/message">
                    <i class="fa fa-comments"></i>
                    <span>留言</span>
                </a>
<!--                <a th:class="${'nav-link ' + (curl.equals('/about') ? 'active' : '')}" th:href="@{/about}">
                    <i class="fa fa-user-circle"></i>
                    <span>关于</span>
                </a>-->
                <a class="nav-link " href="/mine">
                    <i class="fa fa-user"></i>
                    <span>我的</span>
                </a>
            </nav>
        </div>
    </div>

    <script>
        const ktcfg = {ctx:"", toolId: 80, toolLevel: 0, toolType: null};
    </script>
    <script src="/static/js/jquery.min.js"></script>
    <div>
        <script src="/static/js/abc5.min.js?v=20230118"></script>
        <script src="/static/js/ktConfig.min.js?v=20240508"></script>
        <script src="/static/js/jquery.cookie.js"></script>
        <script src="/static/js/clipboard.min.js"></script>
        <script src="/static/js/qrcode.min.js"></script>
        <!--QQ登录-->
        <script type="text/javascript"  charset="utf-8" src="https://connect.qq.com/qc_jssdk.js" data-appid="101906634" data-redirecturi="https://tools.kalvinbg.cn/qqlogin/callback"></script>
        <script src="/static/js/ktUtils.min.js?v=20240509"></script>
        <script src="/static/plugin/bootstrap5/js/bootstrap.bundle.min.js"></script>
        <script src="/static/js/smarticker.js"></script>
        <script src="/static/js/ktPayUtils.min.js?v=20230702"></script>
        <script src="/static/js/ktCommodityUtils.min.js?v=20230702"></script>
        <script src="/static/js/ktPublic.min.js?v=20240312"></script>
        <script src="/static/js/showdown.min.js"></script>
        <script src="/static/js/raphael.js"></script>
        <script src="/static/js/jquery.classyled.min.js"></script>
        <script src="/static/js/simple-pop.js?v=202404"></script>

        <!--动态线条背景-->
        <script type="text/javascript" color="97,102,105" opacity='0.5' zIndex="-2" count="200" src="/static/js/canvas-nest.min.js"></script>

        <!--广告位-->
        <script type="text/javascript">
            let ctId = "kalvinUn80";
            let ctId2 = "kalvinBannerUn80";
            let ctId3 = "kalvinHeadUn80";
            (window.slotbydup = window.slotbydup || []).push({
                id: ktConfig.adSlots['kalvinUn'],
                container: 'kalvinUn',
                async: true
            });
            (window.slotbydup = window.slotbydup || []).push({
                id: ktConfig.adSlots['kalvinBannerUn'],
                container: 'kalvinBannerUn',
                async: true
            });
            (window.slotbydup = window.slotbydup || []).push({
                id: ktConfig.adSlots['kalvinHeadUn'],
                container: 'kalvinHeadUn',
                async: true
            });
        </script>
        <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script>

    </div>
    <script>
        $(document).ready(function() {

            let windowWidth = $(window).width();
            if (windowWidth + 17 > 766) {
                boxAdapt();
            }

            $(window).resize(function () {
                boxAdapt();
            });
            
            function boxAdapt() {
                windowWidth = $(window).width();
                let $tbEl = $('#toolsBox');
                let $ktlbEl = $tbEl.find('.kt-tl-box');
                let outBoxWidth = $tbEl.width();
                let boxMinWidth = 240;
                let pl = 20;
                // log('win=', windowWidth);
                // log('out=', outBoxWidth);
                // num(boxMinWidth + pl) - pl = outBoxWidth
                // 求出每行最大容纳的盒子个数
                let maxNum = Math.floor((outBoxWidth - pl) / (boxMinWidth + pl));
                // maxW = (outBoxWidth - (num-1) * pl) / num
                // 求出盒子的最大宽度
                let boxMaxWidth = Number(((outBoxWidth - (maxNum) * pl) / maxNum).toFixed(2));
                // log('boxMaxWidth=', boxMaxWidth);
                // log('windowWidth=', windowWidth);
                if (windowWidth + 17 <= 766) {
                    // 目前宽度小于766时改用css代替了
                    // $ktlbEl.width(boxMaxWidth + 20 - 2);
                } else {
                    $ktlbEl.width(boxMaxWidth - 2);
                }
            }

            $.get(ktConfig.api.countToolsView, function (r) {
                var data = r.data;
                var keys = Object.keys(data);
                keys.forEach(function (key) {
                    var $eyeEl = $('span[data-id=' + key + ']');
                    let count = turnBigNumber(data[key]);
                    $eyeEl.text(count);
                    $eyeEl.parent().attr('title', count + '位网友使用过')
                });
            });

            function turnBigNumber(big) {
                let turnBig;
                if (0 <= big && big < 1000) {
                    turnBig = big
                } else if (1000 <= big && big < 10000) {
                    turnBig = (big / 1000).toFixed(1) + 'k'
                } else if (10000 <= big) {
                    turnBig = (big / 10000).toFixed(1) + 'w'
                }
                return turnBig;
            }

        });

        function addLink() {
            pop({
                width:500,  // 提示窗口的宽度
                height:200, // 提示窗口的高度
                title:'提示',  // 提示窗口的标题
                content: '📢交换友链，请将你的网站相关信息发送到邮箱(1481397688@qq.com)，也可以直接加企鹅号(1481397688)联系我!☺'
            });
        }
    </script>
</body>
</html>